<!DOCTYPE html>
<html ng-app="MainModule">
<head lang="en">
    <title>Products</title>
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
    <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">
    <link href="css/style.css" rel="stylesheet" type="text/css" media="all"/>
    <link href="css/slider.css" rel="stylesheet" type="text/css" media="all"/>
    <script type="text/javascript" src="js/jquery-1.7.2.min.js"></script>
    <style>
        .grid_1_of_4:nth-child(4n+1){
            margin-left: 0;
        }
    </style>
    <style>
        .advertising{
            position: relative;
            top:25px;
            left: 140px;
            height: 130px;
            width: 750px;
            overflow: hidden;
        }
        .advertising_middle{
            position: relative;
            left:200px;
        }
    </style>
</head>
<body ng-controller="AdminCtrl">
<div class="wrap">
    <div class="header">
        <div class="headertop_desc">
            <div class="call">
                <p><span>Need help?</span> call us <span class="number">{{OtherInfo[0].Telephone}}</span></span></p>
            </div>

            <div class="clear"></div>
        </div>
        <div class="header_top">
            <div class="logo">
                <a href="index.html"><img src="images/logo.png" alt="" /></a>
            </div>
            <div class="advertising">

            </div>


            <div class="clear"></div>
        </div>
        <div class="header_bottom">
            <div class="menu">
                <ul>
                    <li><a href="index.html">Home</a></li>
                    <li  class="active"><a href="Products.html">Products</a></li>
                    <li><a href="about.html">About</a></li>
                    <li><a href="news.html">News</a></li>
                    <li><a href="contact.html">Contact</a></li>
                    <div class="clear"></div>
                </ul>
            </div>

            <div class="clear"></div>
        </div>
    </div>
    <div class="main" >
        <div class="content">

            <div class="content_bottom">
                <div class="heading">
                    <h3>See Products:</h3>
                </div>

                <div class="clear"></div>
            </div>
            <div class="section group">
                <div class="grid_1_of_4 images_1_of_4" ng-repeat="product in Products">
                    <a href="Preview.html?id={{product.Id}}"><img src="images/{{product.Image}}" alt="" style="width: 249px;height: 200px;;" /></a>
                    <h2 style="height: 42px;">{{product.Title}} </h2>
                    <div class="price-details">
                        <div class="price-number">

                        </div>
                        <div class="add-cart">
                            <h4><a href="download.php?link={{product.Download_link}}">Download now</a></h4>
                        </div>
                        <div class="clear"></div>
                    </div>

                </div>

            </div>
        </div>
    </div>
    <div class="advertising_middle">
    </div>
</div>
<div class="footer">
    <div class="wrap">
        <div class="section group">
            <div class="col_1_of_4 span_1_of_4">
                <h4>Products</h4>
                <ul>
                    <li><a href="Products.html">Products</a></li>
                    <li><a href="Products.html">Top products</a></li>
                </ul>
            </div>
            <div class="col_1_of_4 span_1_of_4">
                <h4>Information</h4>
                <ul>
                    <li><a href="about.html">About Us</a></li>
                    <li><a href="contact.html">Contacts</a></li>
                    <li><a href="contact.html">Support</a></li>
                </ul>
            </div>
            <div class="col_1_of_4 span_1_of_4">
                <h4>News</h4>
                <ul>
                    <li><a href="news.html">Top news</a></li>
                    <li><a href="news.html">News</a></li>
                </ul>
            </div>
            <div class="col_1_of_4 span_1_of_4">
                <h4>Contact</h4>
                <ul>
                    <li><span>{{OtherInfo[0].Telephone}}</span></li>
                </ul>
                <div class="social-icons">
                    <h4>Follow Us</h4>
                    <ul>
                        <li><a href="#" target="_blank"><img src="images/facebook.png" alt="" /></a></li>
                        <li><a href="#" target="_blank"><img src="images/twitter.png" alt="" /></a></li>
                        <li><a href="#" target="_blank"><img src="images/skype.png" alt="" /> </a></li>
                        <li><a href="#" target="_blank"> <img src="images/dribbble.png" alt="" /></a></li>
                        <li><a href="#" target="_blank"> <img src="images/linkedin.png" alt="" /></a></li>
                        <div class="clear"></div>
                    </ul>
                </div>
            </div>
        </div>
    </div>
    <div class="copy_right">
        <p>Company Name © All rights Reseverd |</p>
    </div>
</div>

<script type="text/javascript" src="../js/jquery-2.1.3.min.js"></script>
<script type="text/javascript" src="../js/angular.js"></script>
<script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.2.0-rc.2/angular-animate.min.js"></script>
<script src="http://cdnjs.cloudflare.com/ajax/libs/gsap/1.10.3/TweenMax.min.js"></script>
<script type="text/javascript" src="../js/AngularControllers/AdminCtrl.js"></script>
<script type="text/javascript" src="../js/AngularControllers/SliderCtrl.js"></script>
<script type="text/javascript" src="../js/AngularControllers/ReadMoreCtrl.js"></script>
<script type="text/javascript" src="../js/angularModules/mainModule.js"></script>
</body>
</html>